﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Stock.aspx.cs" Inherits="Stock" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        ul{list-style:none; margin:0; padding:0;}
#tabbed_nav { width: 250px; margin-left: 10px;}
.tabbed_nav h4 { font-family: arial, helvetica; font-size: 23px; margin-bottom: 10px; }
.tabbed_area { background: #ffffff; padding: 0px; }
ul.tabs { overflow: hidden; margin: 5px 0px -1px 0px; padding: 0px; border:0 !important; }
ul.tabs li { list-style: none; display: inline; border:0 !important;  }
ul.tabs li a { display: block; width: 99px; height: 32px; float: left; padding-right: 2px; color: white; line-height: 35px; text-align: center; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; background: transparent url(images/button.png) no-repeat top left scroll; }
ul.tabs li a:hover { background: transparent url(images/button.png) no-repeat bottom left scroll; }
ul.tabs li a.active { color: white; background: transparent url(images/button.png) no-repeat bottom left scroll; }
.content { padding: 1px; position: relative; z-index: 10000; }
.content ul { }
.title { height: 48px; overflow: hidden; width: 291px; }
.title > .title_cont{ }
.title > .title_cont > ul.title_cont_box{ width:289px; height:46px; border:1px solid #ccc;}
.title > .title_cont > ul.title_cont_box > li{ float:left; color:#000; border-right:1px solid #ccc; height:46px; font-size:11px; text-align:center;}
.mck{ width:60px; line-height:46px;}
.tc{ width:52px; line-height:46px;}
.khoplenh{ width:107px; line-height:24px;}
.khoplenh > ul{ border-top:1px solid #ccc;}
.khoplenh > ul > li{ text-align:center; float:left; padding:0 8px; color:#000; line-height:21px;}
.khoplenh > ul > li.gia{ border-right:1px solid #ccc; width:36px;}
.khoplenh > ul > li.kl{ width:36px;}
.taggiam{ border-right:0 !important; width:67px;line-height:46px;}
#news, #popular { display: none; }
</style>
    <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {
            $('a.tab').click(function () {
                $('.active').removeClass('active');
                $(this).addClass('active');
                $('.content').slideUp();
                var content_show = $(this).attr('title');
                $('#' + content_show).slideDown();

            });
        });
    </script>

<div class="ttcu">
<ul class="tabs">
                <li><a title='featured' class="active tab">HOSE</a></li>
                <li><a title='news' class="tab">HNX</a></li>
            </ul>
            <div id="featured" class="content">
                <ul>
                    <li class="title">
                        <div class="title_cont">
                            <ul class="title_cont_box">
                                <li class="mck">Mã CK </li>
                                <li class="tc">TC </li>
                                <li class="khoplenh">Khớp lệnh
                                    <ul>
                                        <li class="gia">Giá </li>
                                        <li class="kl">KL </li>
                                    </ul>
                                </li>
                                <li class="taggiam">+/- </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <iframe id="ifrmContent" name="ifrmContent" src="http://vnexpress.net/User/ck/hcms/HCMStockSmall.asp"
                            style="border: 0;" width="291" frameborder="0" height="191" scrolling="no"></iframe>
                    </li>
                </ul>
            </div>
            <div id="news" class="content">
                <ul>
                    <li class="title">
                        <div class="title_cont">
                            <ul class="title_cont_box">
                                <li class="mck">Mã CK </li>
                                <li class="tc">TC </li>
                                <li class="khoplenh">Khớp lệnh
                                    <ul>
                                        <li class="gia">Giá </li>
                                        <li class="kl">KL </li>
                                    </ul>
                                </li>
                                <li class="taggiam">+/- </li>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <iframe src="http://vnexpress.net/User/ck/hns/HNStockSmall.asp" style="border: 0;"
                            width="291" frameborder="0" height="191" scrolling="no"></iframe>
                    </li>
                </ul>
            </div>
</div>
    </form>
</body>
</html>
